let divObj,leftObj,rightObj,leftArray,rightArray;
$(function () {
    divObj = $("#data");
    leftObj = $("#left");
    rightObj = $("#right");
    leftArray = $("#left option");
    rightArray = $("#left option");
    var buttonArray = $("#data input");
    $(buttonArray[0]).click(function () {
        move(leftArray,rightObj);
    });
    $(buttonArray[1]).click(function () {
        moveAll(leftArray,rightObj);
    });
    $(buttonArray[2]).click(function () {
        move(rightArray,leftObj);
    });
    $(buttonArray[3]).click(function () {
        moveAll(rightArray,leftObj);
    });

});

function move(scrArray,targetObj) {
    for (var i = 0 ; i < scrArray.length;i++){
        if (scrArray[i].selected){
            targetObj.append(scrArray[i]);
        }
    }
}

function moveAll(scrArray,targetObj) {
    for (var i = 0 ; i < scrArray.length;i++){
        targetObj.append(scrArray[i]);
    }
}